/* pages/homework-evaluate-teacher/homework-evaluate-teacher.wxss */
.teacher-wrapper {
  width: 100%;

  .main-container {
    height: 100%;

    .homework-box {
      height: 800rpx;
      margin-bottom: 10rpx;

      .image-item {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f0f0f0;

        .image {
          width: 100%;
          height: 100%;
        }
      }
    }

    .evaluate-container {
      // background-color: lightcyan;
      height: auto;
      padding: 0 40rpx 0 40rpx;

      .evaluate-box {}

      .score-box {
        display: flex;
        justify-content: space-around;

        .score {
          height: 140rpx;
          width: 140rpx;
          border-radius: 40rpx;
          background-color: #f2f2f2;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 100rpx;
          color: red;
          font-weight: 500;
          transition: 0.3s background-color ease-in-out;
        }

        .selected {
          background-color: #f2e4c6;
        }
      }

      .comment-box {
        height: 300rpx;
        border: 8rpx solid #ded9ce;
        border-radius: 25rpx;

        .text {
          padding: 20rpx;
          width: 100%;
          box-sizing: border-box;
          height: 100%;
        }
      }
    }

    .publish-button {
      width: 92vw;
      height: 100rpx;
      border-radius: 32rpx;
      background-color: #5a83bf;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fdfdfe;
      font-size: 32rpx;
      margin-top: 50rpx;
      margin-bottom: calc(env(safe-area-inset-bottom) + 30rpx);
    }
  }
}